<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>Save Inu Project</title>
	<?php $this->load->view('template/css_files'); ?>
	<?php $this->load->view('template/js_files'); ?>
</head>
<body>
	<div id="wrapper">
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="navbar-header">
				<a class="navbar-brand" href="index.html">Save Inu</a>
			</div>
		</nav>
	</div>
	<div id = "page-wrapper">
		<div class = "row">
			<div class="col-lg-4"></div>
			<div class="col-lg-4">
				<div class="alert alert-info">
					<h4 style = "text-align:center">Save Inu Project Login Page</h4>
				</div>
				<?php /* <form id = "formLogin" role = "form" action="<?php echo base_url('profil/loginCheck'); ?>" method="post"> */ ?>
				<form id = "formLogin" role = "form" action="<?php echo base_url('site/dashboard'); ?>" method="post">
					<div class="form-group">
						<label>Username</label>
						<input class="form-control" name = "inputUser" type = "text" placeholder = "Username">
					</div>
					<div class="form-group">
						<label>Password</label>
						<input class="form-control" name = "inputPassword" type = "password" placeholder = "Password">
					</div>
					<div class="form-group">
						<div class="checkbox">
							<label>
								<input type="checkbox" value=""> Remember Me
							</label>
						</div>
					</div>
					<input type="submit" class="btn btn-primary" value = "Login">
					<input type="reset" class="btn btn-default" value = "Reset">  
				</form>
			</div>
			<div class="col-lg-4"></div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
	$("#inputUser").focus();
	$("#formLogin").validate({
		rules: {
			inputUser: {required: true},
			inputPassword: {required: true}
		},
		messages: {
			inputUser: {required: "<label class='control-label'>You can not left this field blank</label>"},
			inputPassword: {required: "<label class='control-label'>You can not left this field blank</label>"}
		},
		highlight: function(label) {
			$(label).closest('.form-group').addClass('has-error').removeClass('has-success');
		},
		success: function(label) {
			$(label).closest('.form-group').addClass('has-success').removeClass('has-error');
		}
	}
	);
});
</script>